.homePage_body{
  width: 100%;
  height: 260px;
  .et-flex-start();
  .left_box{
    width:300px;
    height:100%;
    margin-right:40px;
    .top_box{
      height:100%;
      margin-bottom:30px;
      background-color: white;
      padding:0 20px;
      box-sizing: border-box;
      .head_box{
        width: 100%;
        height:50px;
        border-bottom:1px solid rgba(231, 235, 238, 1);
        .et-flex();
        align-items: center;
        padding:0 10px;
        box-sizing: border-box;
        .head_title_box{
          position: relative;
          display: inline-block;
        }
        .head_title_box::before{
          content: ""; /* 必须有内容才能生成伪元素 */
          background-color: @primary-color; /* 设置背景色为黑色 */
          height: 14px; /* 设置高度 */
          width:5px; /* 设置宽度 */
          position: absolute; /* 设置绝对定位 */
          // top: 50%; /* 居中于行高的上部分 */
          left: -10px; /* 根据需求调整位置 */
        }
      }
      .body_box{
        flex: 1;
        height: 210px;
        padding:25px 10px;
        box-sizing: border-box;
        .et-flex-column-center();
        .body_left_box{
          width: 228px;
          height: 70px;
          background-color: rgba(236, 243, 255, 1);
          .et-flex-start();
          padding:0 20px;
          box-sizing: border-box;
          cursor:pointer;
          .letf_icon_box{
            height:24px;
            width:24px;
            background-color:rgba(45,129, 251, 1);
            font-size:20px;
            color: white;
            text-align: center;
            border-radius:12px;
            margin-right:20px;
          }
          .left_title_box{
            font-size:24px;
            color:rgba(45,129, 251, 1);
          }
        }
        .body_right_box{
          width: 228px;
          height:70px;
          background-color: rgba(235, 249, 252, 1);
          .et-flex-start();
          padding:0 20px;
          box-sizing: border-box;
          margin-top:20px;
          cursor:pointer;
          .right_icon_box{
            height:24px;
            width:24px;
            background-color:rgba(56,177, 234, 1);
            font-size:20px;
            color: white;
            text-align: center;
            border-radius:12px;
            margin-right:20px;
          }
          .right_title_box{
            font-size:24px;
            color:rgba(56,177, 234, 1);
          }
        }
      }
    }
    .bottom_box{
      flex:1;
      height:150px;
      background-color: white;
      padding:0 20px;
      box-sizing: border-box;
      .head_box{
        width: 100%;
        height:50px;
        border-bottom:1px solid rgba(231, 235, 238, 1);
        .et-flex();
        align-items: center;
        padding:0 10px;
        box-sizing: border-box;
        .head_title_box{
          position: relative;
          display: inline-block;
        }
        .head_title_box::before{
          content: ""; /* 必须有内容才能生成伪元素 */
          background-color: @primary-color; /* 设置背景色为黑色 */
          height: 14px; /* 设置高度 */
          width:5px; /* 设置宽度 */
          position: absolute; /* 设置绝对定位 */
          // top: 50%; /* 居中于行高的上部分 */
          left: -10px; /* 根据需求调整位置 */
        }
      }
      .body_box{
        flex: 1;
        height: 100px;
        padding:10px 20px;
        box-sizing: border-box;
        .et-flex-start();
        .body_left_box{
          flex:1;
          height:60px;
          border: 1px solid rgba(45,129, 251, 1);
          .et-flex-start();
          padding:0 30px;
          margin-right: 30px;
          border-radius: 5px;
          .letf_icon_box{
            height:24px;
            width:24px;
            background-color:rgba(45,129, 251, 1);
            font-size:20px;
            color: white;
            text-align: center;
            border-radius:12px;
            margin-right:20px;
          }
          .rigth_content_box{
            flex:1;
            .right_content_top_box{
              line-height: 1.4;
            }
            .right_content_bottom_box{
              line-height: 1.4;
              .right_number_box{
                font-size:@font-size-large;
                color:rgba(45,129, 251, 1);
                margin-right:3px;
              }
              .right_content_title_box{
                font-size:@font-size-mini;
              }
            }
          }
        }
        .body_right_box{
          flex:1;
          height:60px;
          border: 1px solid rgba(45,129, 251, 1);
          .et-flex-start();
          padding:0 30px;
          box-sizing: border-box;
          border-radius: 5px;
          .letf_icon_box{
            height:24px;
            width:24px;
            background-color:rgba(45,129, 251, 1);
            font-size:20px;
            color: white;
            text-align: center;
            border-radius:12px;
            margin-right:20px;
          }
          .rigth_content_box{
            flex:1;
            .right_content_top_box{
              line-height: 1.4;
            }
            .right_content_bottom_box{
              line-height: 1.4;
              .right_number_box{
                font-size:@font-size-large;
                color:rgba(45,129, 251, 1);
                margin-right:3px;
              }
              .right_content_title_box{
                font-size:@font-size-mini;
              }
            }
          }
        }
      }
    }
  }
  .right_box{
    flex:1;
    height:100%;
    .top_box{
      flex:1;
      height: 100%;
      margin-bottom:30px;
      background-color: white;
      padding:0 20px;
      box-sizing: border-box;
      .et-flex-column-normal();
      .head_box{
        width: 100%;
        height:50px;
        border-bottom:1px solid rgba(231, 235, 238, 1);
        .et-flex();
        align-items: center;
        padding:0 10px;
        box-sizing: border-box;
        .head_title_box{
          position: relative;
          display: inline-block;
        }
        .head_title_box::before{
          content: ""; /* 必须有内容才能生成伪元素 */
          background-color: @primary-color; /* 设置背景色为黑色 */
          height: 14px; /* 设置高度 */
          width:5px; /* 设置宽度 */
          position: absolute; /* 设置绝对定位 */
          // top: 50%; /* 居中于行高的上部分 */
          left: -10px; /* 根据需求调整位置 */
        }
      }
      .bottom_content_box{
        width: 100%;
        flex: 1;
        padding:20px 30px;
        box-sizing: border-box;
        .et-flex-column-normal();
        .one_box{
          width: 100%;
          flex: 1;
          .et-flex-center();
          .border_box{
            flex: 1;
            height: 40px;
            border: 1px solid rgba(255,150,157, 1);
            background-color: rgba(255, 242, 242, 1);
            padding:0 10px;
            box-sizing: border-box;
            .et-flex();
            align-items: center;
            border-radius:5px;
            .fontColor_box{
              color:rgba(255,150,157, 1);
              font-weight: bold;
            }
            .fontColor_Two_box{
              color:rgba(255,150,157, 1);
              font-weight: bold;
              margin-left:30px;
              margin-right: 10px;
              
            }
            .content_box{
              flex:1;
            }
            .icon_box{
              margin-left:10px;
              color:rgba(255,150,157, 1);
              font-weight: bold;
              cursor:pointer;
            }
          }
        }
        .two_box{
          width: 100%;
          flex: 1;
          .et-flex-center();
          .border_box{
            flex: 1;
            height: 40px;
            border: 1px solid #FFB43B;
            background-color: rgba(255, 245, 231, 1);
            padding:0 10px;
            box-sizing: border-box;
            .et-flex();
            align-items: center;
            border-radius:5px;
            .fontColor_box{
              color:rgba(255,197,118, 1);
              font-weight: bold;
            }
            .fontColor_Two_box{
              color:rgba(255,197,118, 1);
              font-weight: bold;
              margin-left:30px;
              margin-right: 10px;
              
            }
            .content_box{
              flex:1;
            }
            .icon_box{
              margin-left:10px;
              color:rgba(255,197,118, 1);
              font-weight: bold;
              cursor:pointer;
            }
          }
        }
        .three_box{
          width: 100%;
          flex: 1;
          .et-flex-center();
          .border_box{
            flex: 1;
            height: 40px;
            border: 1px solid rgba(77,212,198, 1);
            background-color: rgba(238, 250, 247, 1);
            padding:0 10px;
            box-sizing: border-box;
            .et-flex();
            align-items: center;
            border-radius:5px;
            .fontColor_box{
              color:rgba(77,212,198, 1);
              font-weight: bold;
            }
            .fontColor_Two_box{
              color:rgba(77,212,198, 1);
              font-weight: bold;
              margin-left:30px;
              margin-right: 10px;
              
            }
            .content_box{
              flex:1;
            }
            .icon_box{
              margin-left:10px;
              color:rgba(77,212,198, 1);
              font-weight: bold;
              cursor:pointer;
            }
          }
        }
      }
    }
   
  }
}
.home_page {
  width: 100%;
  height: 100%;
  padding: 30px;
  box-sizing: border-box;
  background-color: white;
  .home_page_box {
    width: 100%;
    height: 100%;
    background-image: url('../../../../assets//image/home.jpeg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}